<template>
  <div id="sidebar"
       style="position: absolute;width: 200px;height: calc(100% - 100px);background-color: #13758c;top: 100px;">
    <ul style="list-style: none;padding: 0;margin: 0;">
      <router-link to='/chat/current'>
      <li  :class="$route.name == 'current'?'active':''"
          style="cursor: pointer;display: flex;align-items: center;"><i style="font-size: 22px;"
                                                                        class="iconfont icon-huihualiang"></i>
        <span style="margin-left: 12px;">当前会话</span></li>
      </router-link>
      <router-link to='/chat/waiting'>
        <li :class="$route.name == 'waiting'?'active':''"
            style="cursor: pointer;display: flex;align-content: center;"><i style="font-size: 22px;"
                                                                            class="iconfont icon-daijieshou"></i><span
          style="margin-left: 12px;">待接待</span></li>
      </router-link>

      <router-link to='/chat/cancel'>
        <li :class="$route.name == 'cancel'?'active':''"
            style="cursor: pointer;display: flex;align-content: center;"><i style="font-size: 22px;"
                                                                            class="iconfont icon-yijieshu"></i>
          <span style="margin-left: 12px;">已结束</span></li>
      </router-link>


      <router-link to='/workmate'>
        <li :class="$route.path.indexOf('/workmate')==0?'active':''"
            style="cursor: pointer;display: flex;align-content: center;"><i style="font-size: 22px;"
                                                                            class="iconfont icon-caidan-tongzhutongshi"></i>
          <span style="margin-left: 12px;">同　事</span></li>
      </router-link>

      <router-link to='/settings'>
        <li :class="$route.path.indexOf('/settings')==0?'active':''"
            style="cursor: pointer;display: flex;align-content: center;"><i style="font-size: 22px;"
                                                                            class="iconfont icon-peizhi"></i>
          <span style="margin-left: 12px;">配　置</span></li>
      </router-link>
    </ul>
  </div>
</template>
<script>
  export default{
    data () {
      return {
      }
    },
    watch: {
    },
    methods: {
    }
  }
</script>
